

/**字号**/
$modelTitleFontSize:0.26rem;//模块标题
$titleFontSize:0.2rem;//标题
$contextFontSize:0.18rem;//正文
$contextFontSizeSmall:0.16rem;//正文小,表格
$assistwordFontSize:0.14rem;//辅助文字
$importantNumberFontSize:0.36rem;//重点数字

/**字体,分割线颜色**/
$activeColor:#3885f8;//标识/选中
$importantwordColor:#333333;//重要文字
$normalwordColor:#666666;//常规文字
$minorwordColor:#999999;//次要文字
$partinglineColor:#f3f6fc;//分割线颜色
$bordercolor:#EBEBEB;//边框颜色

/**
 *elemnet-ui列表有时不对齐解决样式
 */
body .el-table th.gutter{
display: table-cell!important;
}

@mixin table-style{
    
    table{
        border-bottom: 1px solid $partinglineColor;
        border-collapse:collapse;
    }
    table thead{
        width:100%;      
        font-size: 0.16rem;
        color: $minorwordColor;
        font-weight: bold;
        
           
        th{ 
           
            height: 0.42rem;
            border-bottom:1px solid $partinglineColor;
            min-width: 0.5rem;  
        }
    }
     table tbody{
        overflow: auto;
        font-size: 0.16rem;
        &::-webkit-scrollbar{
             width: 0.03rem;
             height: 0;
        }
        &::-webkit-scrollbar-thumb {
            border-radius: 0.03rem;
            background: #3885F8;
        }
        tr{
           
            color: $normalwordColor;
            td:nth-child(1){
                padding:0.1rem 0rem;             
            }
            td{  
               
                padding:0.1rem 0rem;    
               
            }
        }
        tr{
            height: 0.42rem;
            &:hover{
                background: #E4F0FF;
            }
        }  
        tr:nth-child(2n){
            background: #F8F9FD;
            &:hover{
                background: #E4F0FF;
            }           
        }    
    }
    
    .checkyes{
                 background: url('~@/assets/img/education_manage/check_yes.png');
                 background-size: 0.14rem 0.14rem;
                 height: 0.14rem;
                 width:0.14rem;   
                 cursor: pointer;
                           
            }
    .checkno{
         background: url('~@/assets/img/education_manage/check_no.png');
         background-size: 0.14rem 0.14rem;
         height: 0.14rem;
         width:0.14rem; 
         cursor: pointer;
                       
    }
}

.tablecss{
    display: flex;
    width: 100%;
    overflow: auto;
    @include table-style;
    
}

.spanlabel{
        font-size:$contextFontSizeSmall;
        font-family: "微软雅黑";
        color: $normalwordColor;
    }
.spanlabelweight{
        font-size:$contextFontSizeSmall;
        font-family: "微软雅黑";
        color: $normalwordColor;
        font-weight: bold;
    }
.spantitle{
        font-size:$contextFontSize;
        font-family: "微软雅黑";
        color: $importantwordColor;
        font-weight: bold;
    }
.spanlabelassist{
        font-size:$assistwordFontSize;
        font-family: "微软雅黑";
        color: $importantwordColor;
        font-weight: bold;
    }
.spanlabelimp{
        font-size:$modelTitleFontSize;
        font-family: "微软雅黑";
        color: $importantwordColor;
        font-weight: bold;
    }

/**
 *popover样式
 */
.attendpopover{
        width:100%;  
        height: auto;              
        .selectbox{
            width:100%;
            height: .375rem;
            text-align: center;
            font-size: .16rem;
            line-height: .375rem;                   
            cursor: pointer;
            color:#666666;          
            .btnstoplesson{
                line-height: 0rem;
                height: 0.3rem;
                font-size: 0.15rem;
                color: #606266;
            }
            .btnstoplesson:hover{
                color: blue;
            }
            
        }
        .selectbox:hover{
            color: blue;
        }
        .selectbox:nth-child(1){
            border-bottom:none;
        }
        .selectbox:nth-child(2){
            border-bottom:none;
        }
        .selectbox:nth-child(3){
            border-bottom:none;
        }
                
    }
/**图片地址**/
/**文字超出样式**/
.contentEllipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/**搜索框element-ui样式**/
.search-box{
    
    .el-input__inner{
        border-radius: 0.1rem;
        height: 0.36rem;
        font-size: .16rem;
        border: 1px solid #EDEDED;
    }
    .el-select .el-input .el-select__caret {
            color: #6D7C83;
            font-size: .15rem;
    }
    .prefixiconsearch{
        height: .15rem;
        width:.15rem;
        margin-top:.1rem;
        margin-right: .1rem;
        background: url('~@/assets/img/common/search_icon.png');
        background-size: cover;
        cursor: pointer;
    }
    
   
}

    
/**分页element-ui样式**/
.pagePanel{
    .el-pagination .btn-prev{
        background: none;
    }
    .el-pagination .btn-next{
        background: none;
    }
    .el-pagination button:disabled {
        background: none;
    }
    .el-pager li{
        background: none;
        min-width: 0.28rem !important;
            }

    
}

/***列表element-ui样式 */
.pageList{
    .el-table__row{
    height: .52rem;     
    color: #666666; 
    font-size: $contextFontSizeSmall;                                              
    }   
                
    .el-table--striped .el-table__body tr.el-table__row--striped td {
        background: #F8F9FD;
        border: none;
    }
    .el-table td {
                border-bottom: none
    }
    .el-table .cell{
            
        font-family: "microsoft yahei";
            
    }
    .el-table th{
         border-bottom: 0.01rem solid #EBEEF5 !important; 
         font-family: "微软雅黑";
         font-size: .16rem !important;
         color: #939399 !important;
         border-bottom: 0.01rem solid #EBEEF5 !important; 
         height: 0.52rem;
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td{
         background:#E4F0FF;
    }
    .el-button{
        font-size: .16rem !important;
    }
}

/**dialog 的element-ui表单样式**/
.dialog{
    .el-input__inner{
        border-radius: 0.08rem;
        font-size: 0.16rem;
        color: #666666;
        height: 0.36rem !important;
        line-height: 0.36rem;
    }
    
    .el-radio__label{
        font-size: .16rem;
    }   
    /**表格样式**/
    .el-table__row{
        height: .36rem;     
        color: #666666; 
        font-size: $contextFontSizeSmall;                                              
    }   
                
    .el-table .cell{            
        font-family: "microsoft yahei";          
    }
    .el-table th, .el-table td {
        padding: 0.05rem 0;
       
    }
    .el-table th{
         border-bottom: 0.01rem solid #EBEEF5 !important; 
         font-family: "微软雅黑";
         font-size: .16rem !important;
         color: #939399 !important;
         border-bottom: 0.01rem solid #EBEEF5 !important; 
         height: 0.4rem;      
    }
    .el-table--enable-row-hover .el-table__body tr:hover > td{
         background:#E4F0FF;
    }
    .el-button{
        font-size: .16rem !important;
    }
}
/**确认取消按钮**/
    .footer-btn{
        .btnOk{
            width:1.6rem;
            height: 0.4rem;
            font-size: 0.16rem;
            background: #3885F8;
            color: #FFFFFF;
            border-radius: 0.1rem;
        }
        .btnOk:hover{
            background: rgba(56, 133, 248, 0.8);
        }
        .btnCancel{
            width:1.6rem;
            height: 0.4rem;
            font-size: 0.16rem;
            background: #FFFFFF;
            border-radius: 0.1rem;
            color: #333333;        
            border: 0.01rem solid #C0C4CC;
          
        }
        .btnCancel:hover{
            background: rgba(56,133,248,0.1)
        }
    }
